<template>
	<div class="home backg_qiangray" id="index" v-cloak>

		<scroll ID='test' class='sssss'>
			<div id="">
				<p v-for="i in length">数据{{i}}</p>
			</div>

		</scroll>

		<button @click="length += 10">点击添加数据</button>
		<!--loading页面-->
		<loading ref='loading'></loading>
	</div>
</template>

<script>
	import scroll from 'components/scroll'
	export default {
		components: {
			scroll
		},
		data() {
			return {
				length: 10
			}
		},
		activated() {

		},
		mounted: function() {

		},
		methods: {

		}
	}
</script>
<style lang="less">
	@import '../less/index.less';
	@import '../common/font-awesome/css/font-awesome.min.css';
	.sssss {
		width: 300px;
		height: 300px;
		margin-left: 100px;
		padding-top: 100px;
	}
</style>